{extend name="public/base"/}
{block name="body"}
	{:ad("ryzzad")}
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="banner-text text-center">
                        <h1>{$cate['title']}</h1>
                        <ul class="kal-breadcumb">
                            <li><a href="/">首页</a></li>
                            {volist name="pCate" id="item"}
                            <li><a href="{:url('index/ryzz/lists?model=ryzz',array('id'=>$item['id']))}">{$item['title']}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <link rel="stylesheet" href="__STATIC__/css/style0.css">
	<link rel="stylesheet" href="__STATIC__/css/main.css">
	<script src="__STATIC__/js/jquery.min.js"></script>
 
  
  
  
	<article>
        <!--图集-->
        <section id="gallery" class="gallery-module container p-v-l border_t_light">
	        <h2 class="section-title">{$info['title']}</h2>
	        <ul class="row shadow-grid p-h-m"  data-toggle="gallery" data-target=".gallery-photos">
				{volist name="photos" id="vo" key="k"}
				<li class="col-md-3 col-xs-6 " style="line-height: 240%; text-align:center"><a href="#" class="icon-plus p-1px"><img src="{$vo}" alt=""></a></li>
				{/volist}
	        </ul>
        </section>
	</article>

	<!--产品图集 大图展示模块，此模块也适用于工程案例页面-->
	<div class="flexslider-fixed gallery-photos">
		<a href="javascript:;" class="close btn btn-red"><!--<i class="icon-cross"></i>--><span aria-hidden="true">×</span></a>
		<div class="flexslider" data-namespace="product-gallery-" data-animation="slide" data-speed="5000" data-controls-container=".product-gallery-controllers" data-control-nav=true data-direction-nav=true data-autoplay=false data-hover-pause=false data-loop="false">
			<ul class="slides clearfix">
			<!--这里li的数量与产品图集的顺序、数量是一致的-->
              	{volist name="photos" id="vo" key="k"}
                <li>
                    <!--为div添加data-src，当slider切换到当前块时才会加载图片-->
                    <div class="contain-wrap" data-src="{$vo}"></div>
                </li>
                {/volist}
			</ul>
		</div>
		<div class="product-gallery-controllers controllers"></div>
	</div>
	<!--产品图集大图模块 结束-->
    
   
	<script type="text/javascript" charset="utf-8" src="__STATIC__/js/buttonLite.js"></script><script type="text/javascript" charset="utf-8" src="js/bshareC0.js"></script>
    <script type="text/javascript" src="__STATIC__/js/object_up.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            init_object_up('product', '49', 'False')
        })
    </script>
    <script src="__STATIC__/js/modernizr.min.js"></script>
	<script src="__STATIC__/js/plugins.js"></script>
	<script src="__STATIC__/js/jquery.flexslider.min.js"></script>
	<script src="__STATIC__/js/main.js"></script>
	<script src="__STATIC__/js/custom.js"></script>
	<script src="__STATIC__/js/jquery.Jcrop.js"></script>
	{php}$notLoadJs = true;{/php}
{/block}